<!--
对于文件件组件 有三个部分
-->
<template>
    <div>
        <h2>组件的结构</h2>
        <p>n: {{ n }}</p>
        <!--<button @click="clickHandler">点击我</button>-->
        <van-button type="primary" @click="clickHandler">点击我</van-button>

    </div>
</template>

<script>
    /*
    * 业务代码
    * */

    export default {
        data() {
            return {
                n: 1,
            }
        },
        methods: {
            clickHandler() {
                this.n++;
            }
        }
    }
</script>

<!--
样式文件
-->
<style>
    h2 {
        background-color: #ccc;
    }

    p {
        border: 1px solid #f00;
    }

</style>
